.tree-demo-container {
  padding: 16px;

  .demo-header {
    margin-bottom: 24px;
  }

  .demo-card {
    margin-bottom: 24px;

    .data-source-selector {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
    }

    .config-panel {
      background-color: #f9f9f9;
      border-radius: 8px;

      .ant-collapse-header {
        padding: 12px !important;
      }

      .config-options {
        padding: 8px 0;

        .config-item {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 16px;
        }
      }
    }

    .search-area {
      margin-bottom: 16px;
    }

    .results-area {
      position: relative;
      min-height: 50px;
    }

    .selected-items-area {
      margin-top: 24px;

      .selected-tags {
        margin-top: 8px;
        min-height: 32px;

        .tag-icon {
          margin-right: 4px;
          display: inline-flex;
          align-items: center;
        }
      }
    }

    .search-stats {
      margin-top: 16px;
      text-align: right;
    }
  }

  .usage-card {
    ul {
      padding-left: 20px;

      li {
        margin-bottom: 8px;
      }
    }
  }

  // 调试控制区域
  .text-right {
    text-align: right;
  }

  // 组件状态演示样式
  .state-demo {
    height: 200px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
  }
}

// 根据数据源类型设置标签颜色
.files-tag {
  background-color: #e6f7ff !important;
  border-color: #91d5ff !important;
  color: #1890ff !important;
}

.org-tag {
  background-color: #f6ffed !important;
  border-color: #b7eb8f !important;
  color: #52c41a !important;
}

.dept-tag {
  background-color: #f9f0ff !important;
  border-color: #d3adf7 !important;
  color: #722ed1 !important;
}
